<!-- 领取表箱条码 -->
<template>
	<view class="p40 f1 df fdc">
		<view class="df aic jcsb bar-code-container">
			<text>已领取的台区原有条码</text>
			<text>已领取的供电所全新条码</text>
		</view>
		<view class="f1">
			<swiper class="h100" :autoplay="false" :duration="500">
				<swiper-item>
					<view class="swiper-item">1</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">2</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
	<view class="bottom-box">
		<button @click="to_one_click" class="df aic jcc" style="background: linear-gradient(269deg, #58C2F7 13%, #2D6CE8 135%);width: 100%;height: 68rpx;border-radius: 36rpx;font-size: 28rpx;color: #fff;">一键领取表箱条码</button>
	</view>
</template>

<script setup>
	
	
	const to_one_click = ()=>{
		uni.redirectTo({
			url:'/pages/oneClickCollection/oneClickCollection'
		})
	}
</script>

<style lang="scss">
	
page{
	height: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.active{
	color: #2D6CE8 !important;
}
.bottom-box{
	box-sizing: border-box;
	position: fixed;
	box-shadow: 0px -2px 28px 0px rgba(45, 108, 232, 0.1);
	height: 180rpx;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx !important;
	left: 0;
	bottom: 0;
}
.bar-code-container{
	font-size: 28rpx;
	line-height: 48rpx;
	color: #7D7D7D;
	height: 50rpx;
}
</style>
